$(function () {
    //进行第一页的数据渲染
    var currentPage = 1;
    var pageSize = 3;
    //执行渲染函数
    rander();

    function rander() {
        $.ajax({
            url: '/category/queryTopCategoryPaging',
            type: 'get',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: 'json',
            success: function (info) {
                $('tbody').html(template('tmp', info)); //获取元素进行渲染
                //进行分页渲染
                $('#paginator').bootstrapPaginator({
                    bootstrapMajorVersion: 3, //版本
                    currentPage: currentPage, // 当前选中的页码
                    totalPages: Math.ceil(info.total / info.size),
                    onPageClicked: function (_, _, _, page) {
                        //记录当前页
                        currentPage = page;
                        //重新渲染页面
                        rander();
                    }
                });
            }
        });
    };
    //验证表单
    $('#form').bootstrapValidator({
        excluded: [':disabled', ':hidden', ':not(:visible)'],
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            categoryName: {
                //验证规则
                validators: {
                    notEmpty: {
                        message: '一级分类名称不能为空'
                    }
                }
            }
        }
    });
    //点击确定按钮进行提交数据渲染页面
    $('#form').on('success.form.bv', function (e) {
        e.preventDefault(); //阻止页面刷新
        //通过ajax请求数据
        $.ajax({
            url: '/category/addTopCategory',
            type: 'post',
            data: $('#form').serialize(),
            dataType: 'json',
            success: function (info) {
                if (info.success) {
                    $('#addModal').modal('hide');
                    currentPage = 1;//渲染到第一页
                    rander();
                    //重新渲染模态框和清空表单的验证效果
                    $('#form').data('bootstrapValidator').resetForm(true);
                }

            }
        });
    });
})